import React, { useEffect, useState } from 'react';

import { Layout, Menu, Carousel } from 'antd';
import { base_swiper2 } from '../../utils/api'
import img from '../../assets/pic1.jpg'
var { Content } = Layout
function Service(props) {
    var [swiperlist, setSwiperlist] = useState([])
    useEffect(() => {
        // 请求轮播图列表
        base_swiper2().then((res) => {
            setSwiperlist(res.data.list)
        })
    }, [])
    return (
        <Layout className="service">
            <Content>
            <Carousel autoplay className='swiper'>
                    {
                        swiperlist.map((item, index) => {
                            return (
                                <div key={index}>
                                    <img src={item.img}/>
                                </div>
                            )

                        })
                    }
                </Carousel>
                <div className="notices">
                    <div className="title">全场景服务（申请开通请咨询 在线客服 或致电 400-666-8888）</div>
                    <ul className="list">
                        <li>
                            <img src={img} />
                            <p>呼叫系统</p>
                        </li>
                        <li>
                            <img src={img} />
                            <p>在线系统</p>
                        </li>
                        <li>
                            <img src={img} />
                            <p>智能场控</p>
                        </li>
                        <li>
                            <img src={img} />
                            <p>客服知识库</p>
                        </li>
                    </ul>
                </div>
            </Content>
        </Layout>
    );
}

export default Service;